<!doctype html public "-//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC-html40/frameset.dtd">
<html>
<head>
<title>
 Overview
</title>
<link rel ="stylesheet" type="text/css" href="stylesheet.css" title="Style">
<script>
function asd() {
	
		parent.document.title="Menu.js Overview";
	
}
</script>
</head>
<body bgcolor="white" onload="asd();">

<!-- ========== START OF NAVBAR ========== -->
<a name="navbar_top"><!-- --></a>
<table border="0" width="100%" cellpadding="1" cellspacing="0">
<tr>
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
<a name="navbar_top_firstrow"><!-- --></a>
<table border="0" cellpadding="0" cellspacing="3">
  <tr align="center" valign="top">
  
  
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a>&nbsp;</td>
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
  

  <td bgcolor="#FFFFFF" class="NavBarCell1"> 	<font class="NavBarFont1">Class</font>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</td>
  </tr>
</table>
</td>
<td bgcolor="#EEEEFF" align="right" valign="top">
<em>
<b></b></em>
</td>
</tr>

<tr>
<td bgcolor="white" class="NavBarCell2"><font size="-2">
&nbsp;PREV&nbsp;
&nbsp;NEXT</font></td>
<td bgcolor="white" class="NavBarCell2"><font size="-2">
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
&nbsp;&nbsp;
<script>
  <!--
  if(window==top) {
    document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
  }
  //-->
</script>
<noscript>
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
</noscript>
</font></td>
</tr>
</table>
<!-- =========== END OF NAVBAR =========== -->

<hr>
<center>
	
	   <h2>Menu.js</h2>
	
</center>

	


<h4>Summary</h4>
<p>
	
		No overview generated for 'Menu.js'<BR/><BR/>
	
</p>

<hr>


    <table border="1" cellpadding="3" cellspacing="0" width="100%">
    <tr bgcolor="#CCCCFF" class="TableHeadingColor">
    <td colspan=2><font size="+2">
    
        <b>Class Summary</b>
    
    </font></td>
    </tr>
    
    <tr bgcolor="white" class="TableRowColor">
    <td width="15%"><b><a href="draw2d/Menu.html">draw2d.Menu</a></b></td>
    <td>&nbsp;</td>
    </tr>
    
    </table>
    <hr/> 


<!-- ========== METHOD SUMMARY =========== -->

<!-- ========== END METHOD SUMMARY =========== -->


        <pre class="sourceview"><span class="comment">/* This notice must be untouched at all times.

FreeGroup Draw2D 0.9.26
The latest version is available at
http://www.freegroup.de

Copyright (c) 2006 Andreas Herz. All rights reserved.
Created 5. 11. 2006 by Andreas Herz (Web: http://www.freegroup.de )

LICENSE: LGPL

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License (LGPL) as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA,
or see http://www.gnu.org/copyleft/lesser.html
*/</span>

<span class="comment">/**
s *
 * <span class="attrib">@version</span> 0.9.26
 * <span class="attrib">@author</span> Andreas Herz
 * <span class="attrib">@constructor</span>
 */</span>
draw2d.Menu=<span class="reserved">function</span>()
{
   <span class="reserved">this</span>.menuItems = new draw2d.ArrayList();
   draw2d.Figure.call(<span class="reserved">this</span>);
   <span class="reserved">this</span>.setSelectable(false);
   <span class="reserved">this</span>.setDeleteable(false);
   <span class="reserved">this</span>.setCanDrag(false);
   <span class="reserved">this</span>.setResizeable(false);
   <span class="reserved">this</span>.setSelectable(false);
   <span class="reserved">this</span>.setZOrder(10000);
   <span class="reserved">this</span>.dirty=false;
};

draw2d.Menu.<span class="reserved">prototype</span> = new draw2d.Figure();
<span class="comment">/** <span class="attrib">@private</span> **/</span>
draw2d.Menu.<span class="reserved">prototype</span>.type=<span class="literal">"draw2d.Menu"</span>;


draw2d.Menu.<span class="reserved">prototype</span>.createHTMLElement=<span class="reserved">function</span>()
{
   var item = document.createElement(<span class="literal">"div"</span>);

   item.style.position=<span class="literal">"absolute"</span>;
   item.style.left   = <span class="reserved">this</span>.x+<span class="literal">"px"</span>;
   item.style.top    = <span class="reserved">this</span>.y+<span class="literal">"px"</span>;
   item.style.margin = <span class="literal">"0px"</span>;
   item.style.padding= <span class="literal">"0px"</span>;
   item.style.zIndex = <span class="literal">""</span>+draw2d.Figure.ZOrderBaseIndex;
   item.style.border= <span class="literal">"1px solid gray"</span>;
   item.style.background = <span class="literal">"lavender"</span>;
   item.style.cursor=<span class="literal">"pointer"</span>;
   item.style.width=<span class="literal">"auto"</span>;
   item.style.height=<span class="literal">"auto"</span>;
   item.style.boxShadow=<span class="literal">"5px 5px 5px #ccc"</span>;
   item.style.borderRadius = <span class="literal">"2px"</span>;
   item.className = <span class="literal">"Menu"</span>;

   <span class="reserved">return</span> item;
};

draw2d.Menu.<span class="reserved">prototype</span>.setWorkflow= <span class="reserved">function</span>(<span class="comment">/*:draw2d.Workflow*/</span> workflow)
{
  <span class="reserved">this</span>.workflow = workflow;
};

draw2d.Menu.<span class="reserved">prototype</span>.setDimension=<span class="reserved">function</span>(<span class="comment">/*:int*/</span> w, <span class="comment">/*:int*/</span> h)
{
  <span class="comment">// ignore. Menu did have autoresize</span>
};

<span class="comment">/**
 * Appends a menu item to this menu and enforce a repaint of the menu.
 *
 **/</span>
draw2d.Menu.<span class="reserved">prototype</span>.appendMenuItem=<span class="reserved">function</span>(<span class="comment">/*:MenuItem*/</span> item)
{
  <span class="reserved">this</span>.menuItems.add(item);
  item.parentMenu = <span class="reserved">this</span>;
  <span class="reserved">this</span>.dirty=true;
};

<span class="comment">/**
 * <span class="attrib">@private</span>
 **/</span>
draw2d.Menu.<span class="reserved">prototype</span>.getHTMLElement=<span class="reserved">function</span>()
{
  var html = draw2d.Figure.<span class="reserved">prototype</span>.getHTMLElement.call(<span class="reserved">this</span>);
  <span class="reserved">if</span>(<span class="reserved">this</span>.dirty)
     <span class="reserved">this</span>.createList();
  <span class="reserved">return</span> html;
};

<span class="comment">/**
 * Create the figure list and add to all entries an onClick event.
 *
 **/</span>
draw2d.Menu.<span class="reserved">prototype</span>.createList=<span class="reserved">function</span>()
{
  <span class="reserved">this</span>.dirty=false;
  <span class="reserved">this</span>.html.innerHTML=<span class="literal">""</span>;
  var oThis = <span class="reserved">this</span>;
  <span class="reserved">for</span>(var i=0;i&lt;<span class="reserved">this</span>.menuItems.getSize();i++)
  {
      var item = <span class="reserved">this</span>.menuItems.get(i);

      var li = document.createElement(<span class="literal">"a"</span>);
      li.innerHTML = item.getLabel();
      li.style.display=<span class="literal">"block"</span>;
      li.style.fontFamily=<span class="literal">"Verdana, Arial, Helvetica, sans-serif"</span>;
      li.style.fontSize=<span class="literal">"9pt"</span>;
      li.style.color=<span class="literal">"dimgray"</span>;
      li.style.borderBottom=<span class="literal">"1px solid silver"</span>;
      li.style.paddingLeft=<span class="literal">"5px"</span>;
      li.style.paddingRight=<span class="literal">"5px"</span>;
      li.style.whiteSpace=<span class="literal">"nowrap"</span>;
      li.style.cursor=<span class="literal">"pointer"</span>;
      li.className = <span class="literal">"MenuItem"</span>;
      <span class="reserved">this</span>.html.appendChild(li);

      li.menuItem = item;
      <span class="reserved">if</span> (li.addEventListener) 
      {
         li.addEventListener(<span class="literal">"click"</span>,  <span class="reserved">function</span>(event)
         {
            var oEvent = arguments[0] || window.event;
            oEvent.cancelBubble = true; 
            oEvent.returnValue = false;
            var diffX = oEvent.clientX;<span class="comment">// - oThis.html.offsetLeft;</span>
            var diffY = oEvent.clientY;<span class="comment">// - oThis.html.offsetTop;</span>
            var scrollLeft= document.body.parentNode.scrollLeft;
            var scrollTop = document.body.parentNode.scrollTop;
            <span class="reserved">this</span>.menuItem.execute(diffX+scrollLeft, diffY+scrollTop);
         }, false);
         li.addEventListener(<span class="literal">"mouseup"</span>,  <span class="reserved">function</span>(event){event.cancelBubble = true; event.returnValue = false;}, false);
         li.addEventListener(<span class="literal">"mousedown"</span>,  <span class="reserved">function</span>(event){event.cancelBubble = true; event.returnValue = false;}, false);
         li.addEventListener(<span class="literal">"mouseover"</span>, <span class="reserved">function</span>(event){<span class="reserved">this</span>.style.backgroundColor=<span class="literal">"silver"</span>;},false);
         li.addEventListener(<span class="literal">"mouseout"</span>, <span class="reserved">function</span>(event){<span class="reserved">this</span>.style.backgroundColor=<span class="literal">"transparent"</span>;},false);
      } 
      <span class="reserved">else</span> <span class="reserved">if</span> (li.attachEvent) 
      {
         li.attachEvent(<span class="literal">"onclick"</span>,  <span class="reserved">function</span>(event)
         {
            var oEvent = arguments[0] || window.event;
            oEvent.cancelBubble = true; 
            oEvent.returnValue = false;
            var diffX = oEvent.clientX;<span class="comment">// - oThis.html.offsetLeft;</span>
            var diffY = oEvent.clientY;<span class="comment">// - oThis.html.offsetTop;</span>
            var scrollLeft= document.body.parentNode.scrollLeft;
            var scrollTop = document.body.parentNode.scrollTop;
            event.srcElement.menuItem.execute(diffX+scrollLeft, diffY+scrollTop);
         });
         li.attachEvent(<span class="literal">"onmousedown"</span>,  <span class="reserved">function</span>(event){event.cancelBubble = true; event.returnValue = false;});
         li.attachEvent(<span class="literal">"onmouseup"</span>,  <span class="reserved">function</span>(event){event.cancelBubble = true; event.returnValue = false;});
         li.attachEvent(<span class="literal">"onmouseover"</span>, <span class="reserved">function</span>(event){event.srcElement.style.backgroundColor=<span class="literal">"silver"</span>;});
         li.attachEvent(<span class="literal">"onmouseout"</span>, <span class="reserved">function</span>(event){event.srcElement.style.backgroundColor=<span class="literal">"transparent"</span>;});
      }
  }
};

</pre>
	<hr>



<!-- ========== START OF NAVBAR ========== -->
<a name="navbar_top"><!-- --></a>
<table border="0" width="100%" cellpadding="1" cellspacing="0">
<tr>
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
<a name="navbar_top_firstrow"><!-- --></a>
<table border="0" cellpadding="0" cellspacing="3">
  <tr align="center" valign="top">
  
  
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a>&nbsp;</td>
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
  

  <td bgcolor="#FFFFFF" class="NavBarCell1"> <font class="NavBarFont1">Class</font>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</td>
  </tr>
</table>
</td>
<td bgcolor="#EEEEFF" align="right" valign="top"><em>
<b></b></em>
</td>
</tr>

<tr>
<td bgcolor="white" class="NavBarCell2"><font size="-2">
&nbsp;PREV&nbsp;
&nbsp;NEXT</font></td>
<td bgcolor="white" class="NavBarCell2"><font size="-2">
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
&nbsp;&nbsp;
<script>
  <!--
  if(window==top) {
    document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
  }
  //-->
</script>
<noscript>
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
</noscript>
</font></td>
</tr>
</table>
<!-- =========== END OF NAVBAR =========== -->

<hr>
<font size="-1">

</font>
<div class="jsdoc_ctime">Documentation generated by <a href="http://jsdoc.sourceforge.net/" target="_parent">JSDoc</a> on Mon Nov 14 13:45:39 2011</div>
</body>
</html>
